<template>
	<view class="container">
		<view class="header">
			123
		</view>
		<view class="content">
			<view @click="toPlay">play</view>
		</view>
		<view class="footer"></view>
	</view>
</template>

<script>
import { getHome } from '@/api/home'
export default {
	data() {
		return {
			title: 'Hello'
		}
	},
	onLoad() {
		getHome().then(res => {
			console.log(res)
		})
	},
	methods: {
		toPlay() {
			uni.navigateTo({
				url: '/pages/play/index'
			})
		}
	}
}
</script>

<style lang="less" scoped>
.container {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;

	.header {
		width: 100%;
		height: 50rpx;
		background-color: red;
	}

	.content {
		flex: 1;
	}

	.footer {
		width: 100%;
		height: 50rpx;
		background-color: blue;
	}
}
</style>
